<template>
    <div class="some_info">
        <div class="goods_serve_ico_box">
            <div class="goods_serve_ico">
                <image style="width:25px;height:30px;" src="../web/img/shop_store_shopping_location.png"></image>
                <text class="text">选择门店及商品</text>
            </div>
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_consume.png"></image>
                <text class="text">付款成功</text>
            </div>
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_card.png"></image>
                <text class="text">获取消费码</text>
            </div>
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_storesurvice.png"></image>
                <text class="text">到店服务</text>
            </div>
        </div>
        <div class="others">
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_done.png"></image>
                <text class="text"> 七天退换</text>
            </div>
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_done.png"></image>
                <text class="text"> 到店服务</text>
            </div>
            <div class="goods_serve_ico">
                <image style="width:30px;height:30px;" src="../web/img/shop_store_shopping_done.png"></image>
                <text class="text"> 未消费退款</text>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "goods-serves"
    }
</script>

<style scoped>
    .others .goods_serve_ico{
        flex-direction: row;
        padding:44px 0 22px;
    }
    .goods_serve_ico_box .text{
        margin-top:15px;
    }
    .others{
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    .text{
        font-size: 24px;
        color:#777;
    }
    .goods_serve_ico{
        margin-left:30px;
        align-items: center;
    }
.goods_serve_ico_box{
    /*display: block;*/
    padding-top:24px;
    width:100%;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
</style>